<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="stylesheet" href="skins/css/base.css">
<link rel="stylesheet"  href="skins/css/common.css">

<title>vip</title>

</head>
<body>
<div class="banner"><img src="skins/image/img-1.jpg" alt=""></div>
<ul class="vip-list">
	<li>
		<span class="lists-icon lists-icon-1"></span>
        <p>积分：0 <bdo>等级：白金</bdo></p>
		<span class="arrow-icon"></span>
	</li>
	<li>
		<span class="lists-icon lists-icon-2"></span>
		<p>我的券</p>
		<span class="arrow-icon"></span>
	</li>
	<li>
		<span class="lists-icon lists-icon-3"></span>
		<p>名媛·荟活动</p>
		<span class="arrow-icon"></span>
	</li>
	<li>
		<span class="lists-icon lists-icon-4"></span>
		<p>名媛·荟权益</bdo></p>
		<span class="arrow-icon"></span>
	</li>
	<li>
		<span class="lists-icon lists-icon-5"></span>
		<p>个人信息</p>
		<span class="arrow-icon"></span>
	</li>
</ul>
<div class="btn">领取会员卡</div>
</body>
<script type="text/javascript" src="skins/js/zepto.min.js"></script>
<script type="text/javascript">
$(function(){
	$('.vip-list li').bind('tap',function(){
	
		$(this).addClass('active').siblings().removeClass('active');
	})
})
</script>
</html>
